<template>
  <view class="column callBack" style="width: 600rpx;">
    <view class="column service" style="background: linear-gradient(180deg, #CAE5FF 0%, #FFFFFF 100%);">
      <image :src="shoutIcons" mode="" class=""></image>
      <view style="color:#1B91FF">呼叫成功</view>
      <image :src="shoutBlue" mode=""></image>
    </view>
    <view class="messages" style="width:85%;">
     <view style="color:#666;font-size: 32rpx;">您的呼叫已通知安蓝服务，安蓝服务会尽快与您联系</view>
     <view style="color:#999;margin:20rpx 0px 20rpx;font-size: 32rpx;"  @click="telCall('400-109-1606')">官方电话：<text style="color:#1B91FF;">400-109-1606</text></view>
    </view>
  </view>
  <view style="width:100%;text-align: center;margin-top:10rpx">
    <uni-icons type="close" size="40" color="#fff" @click="close()"></uni-icons>
  </view>
</template>

<script setup lang="ts">
  import { shoutBlue, shoutIcons } from '@/utils/Static';
  import { telCall } from '@/utils/copyText';
  const emit = defineEmits(['close']);
  function close(){
    emit('close')
  }
</script>

<style scoped lang="less">
  @import url('../callBack/less/callBack.less');
</style>
<style>
.space-between >>> .textarea {
  width: 70%;
  text-align: right;
}
</style>